<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎来到小杨的北林换购</title>
    <link rel="stylesheet" href="css.css">
    <link href="images/xiaoyang.ico" rel="shortcut icon">
    <script type="text/javascript" src="javascript.js"></script>
</head>
<body>
<script>
    function createRandCode() {
        var a = ['a', 'b', 'c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z' ,'1', '2', '3','4','5','6','7','8','9','0'];
        var randcode = "";
        for (var i = 0; i < 4; i++) { 				
            var randpos = Math.floor(Math.random() * (a.length));				
            randcode += a[randpos];
        }
        document.getElementById("code").innerHTML = randcode;
    }
</script>

        <div class="main">
            <div class="container">
                <div class="leftbg" style="letter-spacing: 1px;line-height:110%; font-family: YouYuan;">  <br> <br>  <br>&nbsp&nbsp&nbsp tips：<br> &nbsp&nbsp&nbsp  请全屏浏览<br>  &nbsp&nbsp&nbsp 直接点击登录就可以登录<br>  &nbsp&nbsp&nbsp 右上角标志切换登录方式<br>  &nbsp&nbsp&nbsp 点击按钮获取验证码</div>
                <div class="login">
                    <div id="change" class="changetype_1">
                        <div  id ="app" class="changetype" style="display: block;" ></div>
                        <div  id="normal" class="changetype2" style="display: none;" ></div>
                     </div>
                    <h2 id="h2_1" class="logintype" style="display:block;" >账号登录</h2>
                    <h2 id="h2_2" class="logintype" style="display: none;">微信扫码 安全登录</h2>
                    <div id="loginmain_1" class="login_main" style="display: block;">
                        <div class="idbox">
                            <div class="id">
                                <div class="logo1"></div>
                            </div>
                            <div class="text">
                                <input autocomplete="off" tabindex="1" spellcheck="false"type="text" placeholder="请输入账号" style="width: 326px;background: #fff;height: 50px;border:none;" >
                            </div>
                            
                        </div>
                        <div class="passwdbox">
                            <div class="pwd">
                                <div class="logo2"></div>
                            </div>
                            <div class="text">
                                <input autocomplete="off" tabindex="1" spellcheck="false"type="text" placeholder="请输入密码" style="width: 326px;background: #fff;height: 50px;border:none;">
                            </div>
                            
                        </div>
                        <div class="randombox">
                            <div class="inputrandom">
                                <div class="text">
                                    <input autocomplete="off" tabindex="1" spellcheck="false"type="text" placeholder="请输入验证码" style="width: 180px;background: #fff;height: 46px;border-radius: 4px">
                                </div>
                                <button onclick="createRandCode()" style="cursor: pointer;width: 80px;height: 40px;line-height: 40px;margin-top: 6px;border-radius: 8px;margin-left: 4px;font-size: 15px;text-align: center;">验证码</button>
                                <div id="code"></div>
                            </div>
                           
                            
                        </div>
                        <div class="tips">
                            <div class="b-unlogn j-unlogn">
                                <span class="u-checkbox tabfocus">
                                    <input id="un-login" type="checkbox" name="un-login" class="un-login" style=" cursor: pointer;width: 17px;height:17px;" >
                                </span>
                                <label style="font-size: 20px;font-family: YouYuan;" ><strong>记住密码</strong></label>
                                <a style="font-size: 20px;font-family: YouYuan;float: right; color: #3B78DD; cursor: pointer;" ><strong>忘记密码?</strong></a>
                            </div>
                        </div>
                        <div class="loginword">
                            <a href="a_首页_2.html" data-action="dologin" class="u-loginbtn btncolor" tabindex="8" style="cursor: pointer;text-decoration: none;	"><strong>登</strong></strong>&nbsp;&nbsp;&nbsp;&nbsp;<strong></strong>录</strong></a>
                        </div>
                    </div>
                    <div id="loginmain_2"class="login_main" style="display: none;">
                        <div class="qrcodebox">
                            <div class="qrcode">
                            </div>
                        </div>
                    </div>
                    <div class="login_footer">
                        <div style="height: 80px;width: 100%;" >
                            <div class="l_footer">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp其他登录方式:</div>
                            <div class="othersl" id="QQ"></div>
                            <div class="othersl" id="WC"></div>
                            <div class="othersl" id="WB"></div>
                            <div class="othersl" id="GH"></div>
                            <div class="r_footer"></div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            2874236725@qq.com
        </div>
    
</body>
</html>